/* eslint no-underscore-dangle: 0 */
import React, { Component } from 'react';
import { Dialog, Upload, Form } from '@alifd/next';

const FormItem = Form.Item;
const formItemLayout = {
    labelCol: { xxs: 8, s: 8, l: 8 },
    wrapperCol: { s: 12, l: 10 },
};
export default class CountDown extends Component {
    constructor(props) {
        super(props);


        this.state = {

        };
    }


    render() {
        const {
            visible, handleOk, handleCancle, uploadChange, onRemove,
        } = this.props;
        return (

            <Dialog
                visible={visible}
                style={{ width: 400 }}
                title="添加配置文件"
                onOk={handleOk}
                onClose={handleCancle}
                onCancel={handleCancle}
            >
                <Form ref="form">
                    <FormItem
                        label="配置文件："
                        {...formItemLayout}
                    >

                        <Upload.Card
                            listType="card"
                            limit={1}
                            useDataURL
                            autoUpload={false}
                            accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel"
                            onChange={uploadChange}
                            onRemove={onRemove}
                        >
                                    请上传配置文件
                        </Upload.Card>
                    </FormItem>
                </Form>
            </Dialog>

        );
    }
}
